<template>
	<view>
		<view class="" style="width: 100%;height: 99vh">
			<view class="top_input flex_v_venter">
				<image src="../../static/ss.png" mode=""></image>
				<text>家居日用</text> 
			</view>
			<menuNavigation height="91%" :list='list'></menuNavigation>
		</view>
	</view>
</template>

<script>
import menuNavigation from '../../components/menu-navigation/menu-navigation.vue';
export default {
	data() {
		return {
			list:[]
		};
	},
	components: {
		menuNavigation
	},
	onShow() {
		this.$ajax('api/Shop/QueryGoodsCategory').then(res => {
			console.log(res)
			this.list = res.Data.list
		})
	}
};
</script>

<style lang="less">
.top_input {
	height: 71rpx;
	border: 1px solid #ebebeb;
	margin: 13rpx 30rpx 30rpx;
	font-size: 24rpx;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #afafaf;
	border-radius: 10rpx;
	& > image {
		width: 28rpx;
		height: 28rpx;
		margin: 0 29rpx 0 23rpx;
	}
}
</style>
